 <!DOCTYPE html>
<html>
	<head>
	<title>科普一下</title>
		<meta http-equiv="content-type"content="text/html; charset=UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		
		<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.css">
		<link href="/stylesheets/style.css" type="text/css" rel="stylesheet">
		
	</head>
	
	<body>
	<section id="header">
	<form name="sc_f" action="/search" method="get">
		<input name="kw" type="text" placeholder="搜索一下">
		<span onclick="javascript:sc_f.submit();" class="glyphicon glyphicon-search"></span>
	</form>
	<span class="glyphicon glyphicon-align-justify"  data-toggle="dropdown"></span>
	<ul class="dropdown-menu">
	  <li><a href="./">回到首页</a></li>
      
      <li><a href="javascript:void(0);" id="show_about" data-static="about">关于科普</a></li>
      <li><a href="javascript:void(0);" id="show_box" data-static="box">飞扬盒子</a></li>
      <li><a href="javascript:void(0);" id="no_share" data-static="share">谢绝分享</a></li>
    </ul>
	</section>
<section id="container">
	<section id="block_list">
		<% for(var i=0; i<data.length; i++) {%>
		   <section  class="word_block">
		<header><span class="date"><%= new Date(1000*data[i].dateline).getMonth()+1 %>/<%= new Date(1000*data[i].dateline).getDate()+1 %></span>
		<span class="glyphicon glyphicon-book"></span><%= data[i].word %></header>
		<p><span class="glyphicon glyphicon-question-sign"></span>
		<%= data[i].des %></p>
		<hr>
		<p><span class="glyphicon glyphicon-link"></span>
		<%= data[i].example %></p>
		<div class="btn-group btn-group-justified dig">
	        <a role="button" class="btn btn-default" data-op='{"op":"up","id":<%= data[i].id %>}'>
	        <span class="glyphicon glyphicon-thumbs-up"></span> 顶(<b><%= data[i].up %></b>)
	        </a>
	        <a role="button" class="btn btn-default" data-op='{"op":"down","id":<%= data[i].id %>}'>
	        <span class="glyphicon glyphicon-thumbs-down"></span> 踩(<b><%= data[i].down %></b>)
	        </a>
        </div>
		
		
	</section>
		<% };%>
		
	
	</section>
	<% if(!end){ %>
	<section class="word_block">
	<div class="btn-group btn-group-justified">
	<a class="btn btn-default" role="button" id="loadmore" data-last="<%=data[i-1].id%>"><span class="glyphicon glyphicon-repeat "> 加载更多...</span></a>
	</div>
	</section>
	<% } %>
</section>

</body>
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/javascripts/common.js"></script>
</html>
